<template>
	<view  style="width: 100%; height: 100%; background-color: 	#F5F5F5;
	display: flex;
	align-items: center;
	flex-direction: column;">
		<view class="img">
			<image src="../../static/img/pic_wode.png" mode="" style="width: 100%; height:100%;"></image>
			<view style="width: 50px;height: 50px;position: absolute; top:55px;left: 10px;">
				<image src="../../static/img/img_moren.png" mode="" style="width: 50px;height: 50px;"></image>
			</view>
			<text style="position: absolute;top: 58px;left: 70px;">{{list.nickname}}</text>
			<text style="position: absolute;top: 84px;left: 70px;">{{list.account}}</text>
		</view>
		<view class="meper" @click="about">
			<text style="margin-left: 15px;">关于我们</text> 
			<view style="margin-right: 15px;width: 20px; height: 20px;">
				<image src="../../static/img/icon_fanhui.png" mode="" style="width:100%;height: 100%;"></image>
			</view>
		</view>
		<view class="meper" @click="out">
			<text style="margin-left: 15px;">退出账户</text>
			<view style="margin-right: 15px; width: 20px; height: 20px;">
				<image src="../../static/img/icon_fanhui.png" mode="" style="width:100%;height: 100%;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import {ajax} from "../../apis.js"
	export default {
		data() {
			return {
				bannerShow:true,
				list:[]
			};
		},
		// 监听页面返回
		// 分享
		onShareAppMessage: function( options ){
		　　var that = this;
		　　// 设置菜单中的转发按钮触发转发事件时的转发内容
		　　var shareObj = {
		　　　　title: "优货达货主",        // 默认是小程序的名称(可以写slogan等)
		　　　　path: '',        // 默认是当前页面，必须是以‘/’开头的完整路径
		　　　　imageUrl:"../../static/img/fenxiang.png",     //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
		　　};
		　　// 返回shareObj
		　　return shareObj;
		},
		onLoad() {
			var that=this
			uni.getStorage({ 
				key:"name",
				success(res) {
					ajax({
						url:"/v1/manager/info",
						method:"post",
						success(res){
							console.log(res)
							that.list=res.data.message
						}
					})
				}
			})
		},
		methods: {
			about(){
				uni.navigateTo({
					url:"../about/about"
				})
			},
			out(){
				uni.showModal({
							
				    content: '请您确认退出登陆',
									
				    success: function (res) {
									
				      if (res.confirm) {//这里是点击了确定以后
									uni.clearStorage();
									uni.reLaunch({
										url:"../index/index"
									})
				        
									
				      } else {//这里是点击了取消以后
									

									
				      }
									
				    }
									
				  })
			}

	},
	}
</script>


<style>
	page{
		height: 100%;
	}
.img{
	width:355px;
	height:160px;
	border-radius:12px;
	margin-top:10px ; 
	position: relative;
	background-color: #000000;
	font-weight: 500;
	overflow: hidden;
}
.meper{
	width:355px;
	height:50px;
	background:rgba(255,255,255,1);
	border-radius:8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #030303;
	font-size: 16px;
	margin-top: 10px;
	
}
</style>